<div>
	<div class="row-content am-cf">
		<div class="row">
			<div class="am-u-sm-12 am-u-md-12">
				<div class="widget am-cf">
					<div class="widget-head am-cf">
						<div class="widget-title am-fl">角色权限</div>
						<div class="widget-function am-fr">
							<button
							  type="button"
							  class="am-btn am-btn-success"
							  id="doc-prompt-toggle">
							  Prompt
							</button>
						</div>
					</div>

					<div class="widget-body  widget-body-lg am-fr">
						<div class="am-scrollable-horizontal ">
							<table width="100%" class="am-table am-table-compact am-text-nowrap tpl-table-black " id="-">
								<thead>
									<tr>
										<th>{:lang("name")}</th>
										<th>{:lang("state")}</th>
									</tr>
								</thead>
								<tbody>
									{foreach $list as $key => $item}
									<tr class="gradeX" data-id="{$item.role_id}">
										<td>{$item.name}</td>
										<td>
											<div class="tpl-switch">
												<input type="checkbox" class="ios-switch bigswitch tpl-switch-btn" checked="">
												<div class="tpl-switch-btn-view">
													<div>
													</div>
												</div>
											</div>
										</td>
									</tr>
									{foreach $item.children as $ckey => $citem}
									<tr class="gradeX" data-id="{$citem.role_id}">
										<td> - {$citem.name}</td>
										<td>
											<div class="tpl-switch">
												<input type="checkbox" class="ios-switch bigswitch tpl-switch-btn" checked="">
												<div class="tpl-switch-btn-view">
													<div>
													</div>
												</div>
											</div>
										</td>
									</tr>
									{foreach $citem.children as $cckey => $ccitem}
									<tr class="gradeX" data-id="{$ccitem.role_id}">
										<td> -- {$ccitem.name}</td>
										<td>
											<div class="tpl-switch">
												<input type="checkbox" class="ios-switch bigswitch tpl-switch-btn" checked="">
												<div class="tpl-switch-btn-view">
													<div>
													</div>
												</div>
											</div>
										</td>
									</tr>
									{/foreach}
									{/foreach}
									{/foreach}
									<!-- more data -->
								</tbody>
							</table>
						</div>

					</div>
				</div>

			</div>
		</div>

	
	</div>
</div>
</div>
<div class="am-modal am-modal-prompt" tabindex="-1" id="my-prompt">
  <div class="am-modal-dialog">
    <div class="am-modal-hd">添加角色</div>
    <div class="am-modal-bd">
      <input type="text" placeholder="请输入姓名" class="am-modal-prompt-input">
    </div>
    <div class="am-modal-bd">
      <input type="text" placeholder="请输入姓名" class="am-modal-prompt-input">
    </div>
    <div class="am-modal-footer">
      <span class="am-modal-btn" data-am-modal-cancel>取消</span>
      <span class="am-modal-btn" data-am-modal-confirm>提交</span>
    </div>
  </div>
</div>